<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>服务</title>
</head>
<style>
    .onebody{
        width: 1890px;
        margin: auto;
    }
    *{
        padding: 0,auto; 
        text-align: center;
       }
    .ftop{
        width: 100%;
    }
    .ftop-left{
        height: 90px;
        width: 48%;
        float: left;
    }
    .ftop-left img{
        margin: 13px;
    }
    .ftop-right{
        display: flex;
        text-align: center;
        justify-content: space-around;
        width: 50%;
    }
    .ftop ul{
        list-style-type: none;
        /* display: inline-block; */
        display: flex;
        text-align: center;
        justify-content: space-around;
        width: 50%;
    }
    .liebiao{
        width: 10%;
        height: 80px;
        float: left;
        text-align: center;
        line-height: 80px;
    }
    #sliebiao{
        padding-bottom: 1px; 
        border-bottom: 2px aqua solid;
    }
    .liebiao a{
        text-decoration: none;
        font-size: 1.2rem;
    }
    .liebiao a img{
        text-align: center;
    }
    .liebiao:hover{
        padding-bottom: 1px; 
        border-bottom: 2px aqua solid;
    }
    .serviceback img{
        width: 100%;
    }
    .support{
        width: 100%;
        height: 660px;
    }
    .support .suph1{
        width: 100%;
        height: 200px;
    }
    .support .suph1 p{
        line-height: 200px;
        font-size: 2.5rem;
    }
    .support .supimg{
        width: 80%;
        height: 550px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap; 
        margin-left: 10%;
    }
    .support .supported{
        width: 30%;
        height: 460px;
        margin-left: 2%;
    }
    .support .supported img{
        width: 160px;
        height: 170px;
    }
    .support .sup_p{
        font-size: 1.8rem;
        font-weight: 1000;
    }
    .swto{
        background: rgb(240,240,240);
        padding-top: 40px;
        width: 100%;
        height: 630px
    }
    .swto .swtop{
        height: 150px;
        width: 100%;
    }
    .swto .swtop p{
        font-size: 2.5rem;
        line-height: 100px;
    }
    .call_foot{
        width: 100%;
        height: 190px;
        background: rgb(51,62,80);
        padding-top: 55px;
    }
    .call_foot .footdl{
        color: rgb(214,219,227);
        width: 60%;
        display: flex;
        margin-left: 20%;
        justify-content: space-around;
        float: left;
    }
    .call_foot .footdl dd{
        font-size: 14px;
        margin-left: 0px;
        text-align: left;
    }
    .call_foot .footdl h2{
        text-align: left;  
    }
    .fimg p{
        font-size: 24px;
    }
    .last{
        overflow: hidden;
        margin-top: 0px;
        width: 100%;
        height: 3.5rem;
        background: rgb(1,176,241);
    }
    .last_left{
        width:70%
    }
    .last_right{
        float: left;
        width: 28%;
        height: 3.5rem;
        display: flex;
        justify-content: left;
    }
    .iright{
        width: 10%;
        line-height: 100%;
        margin-top: 20px;
    }
</style>
<body>
    <div class="onebody">
        <div class="ftop">
            <div align="center" class="ftop-left">
                <img src="./Photo/dl_logo.png" alt="">
            </div>
            <div class="ftop-right">
                <ul>
                    <li class="liebiao"><a href="#">首页</a></li>
                    <li class="liebiao"><a href="#">产品</a></li>
                    <li class="liebiao" id="sliebiao"><a href="#">服务</a></li>
                    <li class="liebiao"><a href="#">案例</a></li>
                    <li class="liebiao"><a href="#">联系</a></li>
                    <li class="liebiao"><a href="#"><img src="./Photo/fdj.png" alt="" align="center"></a></li>
                </ul>
            </div>
        </div>
        <div class="serviceback">
            <img src="./Photo/banner4.jpg" alt="">
        </div>
        <div class="support">
            <div class="suph1"><p>快速响应、高效保障，为您提供统一、快速、贴心的客服</p></div>
            <div class="supimg">
                <div class="supported">
                    <img src="./Photo/jishuzhichi.png" alt="">
                    <p class="sup_p">技术支持</p>
                            <p>丰富经验工程及运维团队</p>
                            <p>  云端实时监测系统状况</p>
                            <p>  轮值运维支持模式</p>
                            <p>  系统波动高速响应支持</p>
                </div>
                <div class="supported">
                    <img src="./Photo/yuyinzhichi.png" alt="">
                    <p class="sup_p">运营支持</p>
                            <p>400客服电话售前售后快速响应</p>
                            <p>   专属客户群、专属客户咨询</p>
                            <p>   疑难问题工单快速响应处理</p>
                            <p>  针对性解决方案分析和支持</p>
                </div>
                <div class="supported">
                    <img src="./Photo/chanpingzhichi.png" alt="">
                    <p class="sup_p">产品支持</p>
                            <p>产品需求快速响应</p>
                            <p> 每月迭代及收集户反馈</p>
                            <p> 产品使方法及技巧支持</p>
                            <p>  用户使用追踪及新功能调研</p>
                </div>
            </div>
        </div>
        <div class="swto">
            <div class="swtop"><p>个性化定制服务，专属知识梳理与知识库建设</p></div>
            <div class="swtoimg">
                <img src="./Photo/zsk.jpg" alt="">
            </div>
        </div>
        <div class="call_foot">
            <div class="footdl"><div class="footd">
                <h2>产品</h2>
                <dd>产品介绍</dd>
                <dd>产品优势</dd>
            </div>
            <div class="footd">
                <h2>服务</h2>
                <dd>产品手册</dd>
                <dd>服务理念</dd>
                <dd>服务协议</dd>
                <dd>法律声明</dd>
            </div>
            <div class="footd">
                <h2>案例</h2>
                <dd>客户案例</dd>
                <dd>合作伙伴</dd>
            </div>
            <div class="footd">
                <h2>新闻</h2>
                <dd>产品动态</dd>
                <dd>媒体报道</dd>
                <dd>其他动态</dd>
            </div>
            <div class="footd1">
                <h2>联系</h2>
                <dd>客服热线：400-777-9908</dd>
                <dd>邮箱：hezuo@ciopass.com</dd>
                <dd>周一至周日9:00-18:00</dd>
            </div>
            <div class="fimg"><img src="./Photo/dl_footer_logo.png" alt="">
                <p>专注于营销与客服的智能语音机器人</p>
            </div>
        </div>
    </div>
    <div class="last">
        <div class="last_left">
        <p>◎2017-2018广州鼎力互联网软件服务有限公司版权所有 粤ICP备18046524 &nbsp; 技术支持:企泰科技</p>
    </div>
    <div class="last_right">
        <div class="iright"><img src="./Photo/wx.png" alt=""></div>
        <div class="iright"><img src="./Photo/wb.png" alt=""></div>
        <div class="iright"><img src="./Photo/xf.png" alt=""></div>
        <div class="iright"><img src="./Photo/share.png" alt=""></div>
    </div>
</div>
</div>
</body>
</html>